
<div class="dux-box">
    <div class="box-header">
        我的二维码
    </div>
    <div class="box-body">
        <div class="uk-flex">
            <div class="uk-margin-right">
                <img src="{$share_img}" alt="" width="315" class="uk-image-thumbnail">
            </div>
            <div class="uk-flex-1">
                <dl class="uk-description-list">
                    <dt><h3>第一步，分享</h3></dt>
                    <dd><h3>您可以将左边的图片或者链接复制给您的QQ、微信等好友。</dd>
                    <hr>
                    <dt><h3>第二步，购买得佣金</h3></dt>
                    <dd>从您转发的链接或者图片进入商城的好友，他们在商城中注册或购买后您都可以获得推广佣金。</dd>
                    <hr>
                    <dt><h3>第三步，佣金提现</h3></dt>
                    <dd>您可以在推广账户中查看您的可提现佣金，好友确认收货后佣金方可提现。</dd>
                </dl>

                <hr>
                <p>
                    <input class="uk-input" type="text" value="{$share_url}" readonly>
                </p>
                <br>
                <p>
                    <a href="javascript:;" class="uk-button uk-button-primary uk-button-block" data-dux="app-copy" data-clipboard-text="{$share_url}">复制推广链接</a>
                </p>
            </div>
        </div>
    </div>
</div>